<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Question and Correct Answers</title>

    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.2.3/js/bootstrap.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>


<div class="card" th:each="q: ${questionList}">
    <div class="card-body">
        <h5 class="card-title"><span th:text="${q.no}"/>、<span th:text="${q.question}"/></h5>
        <div th:text="${q.correctAnswer}"></div>
    </div>
</div>


</body>
</html>